@import url('https://fonts.googleapis.com/css2?family=Archivo+Narrow:ital,wght@0,400..700;1,400..700&family=Bebas+Neue&family=Lexend:wght@100..900&family=Permanent+Marker&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');

*{
	margin:0%;
	padding:0%;
}
nav{
	height:80px;
	background-color:black;
	position:fixed;
	width:100%;
	z-index:2;
}
.cosmic{
	color:white;
	width:90%;
	margin-top:1%;
	display:inline-block;
	list-style-type:none;
	margin-left:10%;
}
.bold{
	font-family: "Roboto Mono", monospace;
	font-weight:bold;
	margin-left:1%;
	font-size:32px;
}
.left{
	float:left;
}
.display{
	display:inline-block;
}
.menu{
	font-size:20px;
	margin-left:3%;
	margin-top:1%;
}
.tops{
	margin-top:1.2%;
	margin-left:5%;
	font-weight:bold;
}
.man{
	font-size:20px;
	margin-top:1%;
}
.in{
	margin-left:1%;
}
.Constellation{
}
.content{
	position:absolute;
	height:230px;
	width:300px;;
	left:40%;
	margin-top:1.9%;
	display:none;
	border-radius:10px;
	background-color:transparent;
}
.shahed{
	padding-bottom:2%;
}
.Constellation:hover .content{
	display:block;
}
.web{
	height:45px;
	color:white;
	margin-top:2%;
	cursor:pointer;
}
.web:hover{
	background-color:white;
	color:black;
}
.earth{
	height:20px;
	width:20px;
	margin:4% 0% 0% 7%;
}
.dev{
	margin:12px 0px 0px 8px;
}
.star{
	float:right;
	margin:13px 10px 0px 0px;
	color:;
}
.strugle{
	height:730px;
	width:100%;
	position:relative;
	background-image:url("https://i.pinimg.com/originals/2f/f9/4d/2ff94dfff599bc37a27450a858612763.gif");
}
.WebDevelopment {
	height:150px;
	width:200px;
	left:44%;
	top:42%;
	position:absolute;
	background-color:blue;
	border-radius:10px;
}
.blue{
}
.ment{
	font-weight:bold;
	text-align:center;
	font-size:26px;
	margin-top:20%;
}
.lops{
	height:110px;
	width:110px;
	color:white;
	background-image:url("https://i.pinimg.com/736x/1d/dc/61/1ddc611da97db38bc4d3520430dc1274.jpg");
	position:absolute;
	left:46.5%;
	border-radius:50%;
	display:none;
	top:13%;
}
.abc:hover .lops{
	display:block;
}
.second{
	top:13%;
	left:56.5%;
}
.third{
	top:15%;
	left:66.5%;
}
.four{
	top:35%;
	left:66.5%;
}
.five{
	top:55%;
	left:66.5%;
}
.six{
	top:75%;
	left:66.5%;
}
.seven{
	top:76%;
	left:56.5%;
}
.eight{
	top:76%;
	left:46.5%;
}
.nine{
	top:76%;
	left:36.5%;
}
.ten{
	top:76%;
	left:26.5%;
}
.eleven{
	top:55%;
	left:26.5%;
}
.towel{
	top:35%;
	left:26.5%;
}
.thirteen{
	top:15%;
	left:26.5%;
}
.fourteen{
	top:14%;
	left:36.5%;
}
.html{
	text-align:center;
	margin-top:40%;
	font-weight:bold;
	font-size:20px;
}